import React, { useState } from 'react';
import {Button, Input, Modal, Checkbox, Steps} from 'antd';
const { TextArea } = Input;
import Table from "./Table";
import From from "./form";
const description = '采集人和时间';
const descriptionl = '仪器名称尿常规，登记时间2025-2-2结果是否上传，是'
const App = (props) => {
    const [isModalOpen, setIsModalOpen] = useState(false);
    const showModal = () => {
        setIsModalOpen(true);
    };

    const handleOk = () => {
        setIsModalOpen(false);
    };

    const handleCancel = () => {
        setIsModalOpen(false);
    };

    React.useImperativeHandle(props.onRef, () => {
        return {
            showModal: showModal,
        };
    })
    return (
        <>
            <Modal title="样本状态信息" width={1000} open={isModalOpen} onOk={handleOk} onCancel={handleCancel}>
                <div>
                    <From />
                </div>
                <div style={{display: 'flex',spaceBetween: '10px',}}>
                    <div style={{width: '50%',borderRight: '1px solid #ccc'}}>
                        <Table />
                    </div>
                    <div style={{width: '50%'}}>
                        <div>
                            病人信息
                        </div>
                        <div>
                            条码： 姓名： 质控
                        </div>
                        <div>
                            医嘱项目： 尿液分析
                        </div>
                        <div>
                            <Steps
                                direction="vertical"
                                size="small"
                                current={1}
                                items={[
                                    { title: '样本申请', description },
                                    {
                                        title: '样本采集',
                                        description,
                                    },
                                    {
                                        title: '样本核收',
                                        description,
                                    },
                                    {
                                        title: '样本检验',
                                        descriptionl,
                                    },
                                ]}
                            />
                        </div>
                    </div>
                </div>
            </Modal>
        </>
    );
};

export default App;
